<template>
    <header class="header">
      <!-- <span class="header_search">
        <i class="iconfont icon-sousuo"></i>
      </span> -->
      <slot  name='left'></slot>
      <span class="header_title">
        <span class="header_title_text ellipsis"
          >{{title}}</span
        >
      </span>
      <slot  name='right'></slot>
      <!-- <span class="header_login">
        <span class="header_login_text">登录|注册</span>
      </span> -->
    </header>
  </template>
  
  <script>
  export default {
      props:['title'],
    data() {
      return {};
    },
    created() {},
    mounted() {},
    methods: {},
  };
  </script>
  <style scoped   lang='stylus'>
      .header
              background-color #02a774
              position fixed
              z-index 100
              left 0
              top 0
              width 100%
              height 45px
              .header_search
                position absolute
                left 15px
                top 50%
                transform translateY(-50%)
                width 10%
                height 50%
                .icon-sousuo
                  font-size 25px
                  color #fff
              .header_title
                position absolute
                top 50%
                left 50%
                transform translate(-50%, -50%)
                width 50%
                color #fff
                text-align center
                .header_title_text
                  font-size 20px
                  color #fff
                  display block
              .header_login
                font-size 14px
                color #fff
                position absolute
                right 15px
                top 50%
                transform translateY(-50%)
                .header_login_text
                  color #fff
  </style>